<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <style>
        @font-face {
            font-family: 'AF';
            src: url('./static/aa.ttf');
            font-weight: normal;
            font-style: normal;
        }

        @font-face {
            font-family: 'HUA';
            src: url('./static/huayun.TTF');
            font-weight: normal;
            font-style: normal;
        }

        .bar-blue {
            position: absolute;
            width: 200px;
            height: 8px;
            border-radius: 5px;
            border: 1px solid #666;
        }
        .bar-yellow {
            position: absolute;
            top: 30px;
            width: 200px;
            height: 8px;
            border-radius: 5px;
            border: 1px solid #666;
        }
        .bar-purple {
            position: absolute;
            top: 60px;
            width: 200px;
            height: 8px;
            border-radius: 5px;
            border: 1px solid #666;
        }
        .bar-fff {
            position: absolute;
            top: 90px;
            width: 200px;
            height: 8px;
            border-radius: 5px;
            border: 1px solid #666;
        }
        .bar-red {
            position: absolute;
            top: 90px;
            width: 200px;
            height: 8px;
            border-radius: 5px;
            border: 1px solid #666;
        }

        * {
            margin: 0;
            padding: 0;
        }

        body {
            height: 100vh;
            perspective: 1000px;
            transform-style: preserve-3d;
            overflow: hidden;
            background-color: #010002;
        }

        .animation {
            position: absolute;
            top: 0;
            left: 0;
            height: 100vh;
            width: 100%;
            transform-origin: center center 0;
            transform-style: preserve-3d;
            transition: transform 3s cubic-bezier(0.16, 0.51, 0.63, 0.74);

            transform: scale(1.6) translate3d(60px,0,300px) rotateY(45deg) rotateZ(3deg);
        }

        .start .animation {
            transform: scale(1.3) translate3d(0,0, 0) rotate3d(0, 0, 0, 0deg);
        }

        .box {
            position: relative;
            height: 100%;
        }

        .bg {
            position: absolute;
            top: 0;
            left: 0;
            height: 100vh;
            width: 100%;
            background: url("./static/qiang.jpg") center, radial-gradient(ellipse, #060823, #010002 70%);
            background-size: contain;
            background-blend-mode: soft-light;
        }

        .neon-box {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            margin: auto;
            width: 900px;
            height: 300px;
            /*border: 1px solid #fc4;*/
            border-radius: 5px;
        }

        .text {
            position: absolute;
            top: 70%;
            left: 50%;
            transform: translate3d(-50%, -50%, 0);

            font-family: "HUA";
            font-size: 70px;
            font-weight: lighter;
            letter-spacing: 10px;
            color: #666;
        }
        .merry {
            position: absolute;
            top: 45%;
            left: 50%;
            transform: translate3d(-50%, -50%, 0);

            font-family: "AF";
            font-size: 35px;
            font-weight: bold;
            letter-spacing: 10px;
            color: #666;
        }

        .text-i {
            width: 50px;
            height: 2px;
            top: 90px;
            left: 455px;
            transform: rotate(70deg);
            border: 1px solid #666;
        }
        .text-i:nth-child(2) {
            width: 25px;
            top: 90px;
            left: 490px;
            transform: rotate(100deg);
        }
        .text-i:nth-child(3) {
            width: 70px;
            left: 499px;
            top: 82px;
            transform: rotate(130deg);
        }

        .shan-i {
            width: 50px;
            height: 2px;
            top: 10px;
            left: 10px;
            transform: rotate(70deg);
            border: 1px solid #666;
        }
        .shan-1-1 {
            width: 80px;
            transform: rotate(125deg);
            top: 66px;
            left: 100px;
        }
        .shan-1-2 {
            width: 80px;
            transform: rotate(125deg);
            top: 111px;
            left: 119px;
        }

        .shan-2-1 {
            width: 30px;
            transform: rotate(-10deg);
            top: 96px;
            left: 117px;
        }
        .shan-2-2 {
            width: 28px;
            transform: rotate(-11deg);
            top: 81px;
            left: 153px;
        }
        .shan-3-1 {
            width: 53px;
            transform: rotate(102deg);
            top: 119px;
            left: 115px;
        }
        .shan-3-2 {
            width: 53px;
            transform: rotate(102deg);
            top: 58px;
            left: 133px;
        }


        .d-1 {
            top: 6px;
            left: 678px;
            transform: rotate(50deg);
        }

        .f-1 {
            height: 5px;
            top: 300px;
            left: 773px;
            transform: rotate(70deg);
        }
        .f-1:nth-child(2) {
            top: 300px;
            left: 783px;
            transform: rotate(150deg);
        }

        [class~="short"] {
            width: 40px;
            height: 15px;
            top: 200px;
            left: 73px;
            transform: rotate(150deg);
        }
        .x-1 {
            top: 295px;
            left: 193px;
        }
        .x-2 {
            top: 279px;
            left: 313px;
        }
        .x-3 {
            top: 382px;
            left: 173px;
        }
        .x-4 {
            top: 381px;
            left: 53px;
        }
    </style>
    <title>NEON LIGHT</title>
</head>
<body onload="init()">
<div class="animation">
    <div class="box">
        <div class="bar-blue"></div>
        <div class="bar-yellow"></div>
        <div class="bar-purple"></div>
        <div class="bar-fff"></div>
        <div class="bar-red"></div>
        <div class="bg">

        </div>
        <div class="neon-box">
            <div class="bar-blue d-1"></div>

            <div class="bar-fff f-1"></div>
            <div class="bar-fff f-1"></div>

            <div class="bar-red short x-1"></div>
            <div class="bar-yellow short x-2"></div>
            <div class="bar-purple short x-3"></div>
            <div class="bar-blue short x-4"></div>

            <div style="position: relative;height: 100%;">
                <div class="bar-yellow text-i"></div>
                <div class="bar-yellow text-i"></div>
                <div class="bar-yellow text-i"></div>

                <div class="bar-purple shan-i shan-1-1"></div>
                <div class="bar-purple shan-i shan-1-2"></div>
                <div class="bar-purple shan-i shan-2-1"></div>
                <div class="bar-purple shan-i shan-2-2"></div>
                <div class="bar-purple shan-i shan-3-1"></div>
                <div class="bar-purple shan-i shan-3-2"></div>

                <span class="text">zaimoe</span>
                <span class="merry">Happy New Year</span>
            </div>
        </div>
    </div>
</div>
<script>
    function init() {
      setTimeout(() => {
        document.body.className += ' start '
      }, 150);
      setTimeout(() => {
        document.body.className += ' show-short '
      }, 1500);
      setTimeout(() => {
        document.body.className += ' light-short '
      }, 3000);
      setTimeout(() => {
        document.body.className += ' light-shan '
      }, 3400);
      setTimeout(() => {
        document.body.className += ' light-three '
      }, 3800);
      setTimeout(() => {
        document.body.className += ' light-bar '
      }, 4200);
      setTimeout(() => {
        document.body.className += ' light-x '
      }, 4600);
      setTimeout(() => {
        document.body.className += ' show-text '
      }, 5200);
    }
</script>
</body>
</html>
<style>
    @keyframes showShort-y {
        0% {
            border: 0;
            background-image: linear-gradient(to top, #e5e12c, #ffffff, #e5e12c);
            box-shadow:
                    0 0 1px #e5e12c,
                    0 0 1px #e5e12c,
                    0 0 1px #e5e12c,
                    1px 0 2px #e5e12c,
                    1px 0 2px #e5e12c,
                    -1px 0 2px #e5e12c,
                    -1px 0 2px #e5e12c,
                    1px 0 30px #e5e12c,
                    1px 0 30px #e5e12c,
                    -1px 0 30px #e5e12c,
                    -1px 0 30px #e5e12c;
        }
        10% {
            border: 1px solid #666;
            background-image: linear-gradient(to top, rgba(229, 225, 44, 0.2), rgba(255, 255, 255, 0.21), rgba(229, 225, 44, 0.2));
            box-shadow:
                    0 0 1px rgba(229, 225, 44, 0.2),
                    0 0 1px rgba(229, 225, 44, 0.2),
                    0 0 1px rgba(229, 225, 44, 0.2),
                    1px 0 2px rgba(229, 225, 44, 0.2),
                    1px 0 2px rgba(229, 225, 44, 0.2),
                    -1px 0 2px rgba(229, 225, 44, 0.2),
                    -1px 0 2px rgba(229, 225, 44, 0.2),
                    1px 0 30px rgba(229, 225, 44, 0.2),
                    1px 0 30px rgba(229, 225, 44, 0.2),
                    -1px 0 30px rgba(229, 225, 44, 0.2),
                    -1px 0 30px rgba(229, 225, 44, 0.2);

        }
        20% {
            border: 0;
            background-image: linear-gradient(to top, #e5e12c, #ffffff, #e5e12c);
            box-shadow:
                    0 0 1px #e5e12c,
                    0 0 1px #e5e12c,
                    0 0 1px #e5e12c,
                    1px 0 2px #e5e12c,
                    1px 0 2px #e5e12c,
                    -1px 0 2px #e5e12c,
                    -1px 0 2px #e5e12c,
                    1px 0 30px #e5e12c,
                    1px 0 30px #e5e12c,
                    -1px 0 30px #e5e12c,
                    -1px 0 30px #e5e12c;
        }
        30% {
            border: 1px solid #666;
            background-image: linear-gradient(to top, rgba(229, 225, 44, 0.2), rgba(255, 255, 255, 0.2), rgba(229, 225, 44, 0.2));
            box-shadow:
                    0 0 1px rgba(229, 225, 44, 0.2),
                    0 0 1px rgba(229, 225, 44, 0.2),
                    0 0 1px rgba(229, 225, 44, 0.2),
                    1px 0 2px rgba(229, 225, 44, 0.2),
                    1px 0 2px rgba(229, 225, 44, 0.2),
                    -1px 0 2px rgba(229, 225, 44, 0.2),
                    -1px 0 2px rgba(229, 225, 44, 0.2),
                    1px 0 30px rgba(229, 225, 44, 0.2),
                    1px 0 30px rgba(229, 225, 44, 0.2),
                    -1px 0 30px rgba(229, 225, 44, 0.2),
                    -1px 0 30px rgba(229, 225, 44, 0.2);
        }
        50% {
            background-image: none;
            box-shadow: none;
            border: 1px solid #666;

        }
        100% {
            border: 1px solid #666;
        }
    }
    .show-short .bar-yellow.short {
        animation: showShort-y 1s;
    }

    @keyframes showShort-r {
        0% {
            border: 0;
            background-image: linear-gradient(to top, #ff0700, rgba(255, 255, 255, 1), #ff0700);
            box-shadow:
                    1px 0 2px #ff0700,
                    -1px 0 2px #ff0700,
                    1px 0 30px #ff0700,
                    -1px 0 30px #ff0700;
        }
        10% {
            border: 1px solid #666;
            background-image: linear-gradient(to top, rgba(255, 7, 0, 0.21), rgba(255, 255, 255, 0.2), rgba(255, 7, 0, 0.22));
            box-shadow:
                    1px 0 2px rgba(255, 7, 0, 0.2),
                    -1px 0 2px rgba(255, 7, 0, 0.2),
                    1px 0 30px rgba(255, 7, 0, 0.19),
                    -1px 0 30px rgba(255, 7, 0, 0.21);

        }
        20% {
            border: 0;
            background-image: linear-gradient(to top, #ff0700, rgba(255, 255, 255, 1), #ff0700);
            box-shadow:
                    1px 0 2px #ff0700,
                    -1px 0 2px #ff0700,
                    1px 0 30px #ff0700,
                    -1px 0 30px #ff0700;
        }
        30% {
            border: 1px solid #666;
            background-image: linear-gradient(to top, rgba(255, 7, 0, 0.2), rgba(255, 255, 255, 0.21), rgba(255, 7, 0, 0.2));
            box-shadow:
                    1px 0 2px rgba(255, 7, 0, 0.21),
                    -1px 0 2px rgba(255, 7, 0, 0.2),
                    1px 0 30px rgba(255, 7, 0, 0.21),
                    -1px 0 30px rgba(255, 7, 0, 0.21);
        }
        50% {
            background-image: none;
            box-shadow: none;
            border: 1px solid #666;

        }
        100% {
            border: 1px solid #666;
        }
    }
    .show-short .bar-red.short {
        animation: showShort-r 1s;
    }

    @keyframes showShort-p {
        0% {
            border: 0;
            background-image: linear-gradient(to top, #ad6aea, #ffffff, #ad6aea);
            box-shadow:
                    0 0 1px #ad6aea,
                    0 0 1px #ad6aea,
                    0 0 1px #ad6aea,
                    1px 0 2px #ad6aea,
                    1px 0 2px #ad6aea,
                    -1px 0 2px #ad6aea,
                    -1px 0 2px #ad6aea,
                    1px 0 30px #ad6aea,
                    1px 0 30px #ad6aea,
                    -1px 0 30px #ad6aea,
                    -1px 0 30px #ad6aea;
        }
        10% {
            border: 1px solid #666;
            background-image: linear-gradient(to top, rgba(173, 106, 234, 0.2), rgba(255, 255, 255, 0.2), rgba(173, 106, 234, 0.2));
            box-shadow:
                    0 0 1px rgba(173, 106, 234, 0.2),
                    0 0 1px rgba(173, 106, 234, 0.2),
                    0 0 1px rgba(173, 106, 234, 0.2),
                    1px 0 2px rgba(173, 106, 234, 0.2),
                    1px 0 2px rgba(173, 106, 234, 0.2),
                    -1px 0 2px rgba(173, 106, 234, 0.2),
                    -1px 0 2px rgba(173, 106, 234, 0.2),
                    1px 0 30px rgba(173, 106, 234, 0.2),
                    1px 0 30px rgba(173, 106, 234, 0.2),
                    -1px 0 30px rgba(173, 106, 234, 0.2),
                    -1px 0 30px rgba(173, 106, 234, 0.2);

        }
        20% {
            border: 0;
            background-image: linear-gradient(to top, #ad6aea, #ffffff, #ad6aea);
            box-shadow:
                    0 0 1px #ad6aea,
                    0 0 1px #ad6aea,
                    0 0 1px #ad6aea,
                    1px 0 2px #ad6aea,
                    1px 0 2px #ad6aea,
                    -1px 0 2px #ad6aea,
                    -1px 0 2px #ad6aea,
                    1px 0 30px #ad6aea,
                    1px 0 30px #ad6aea,
                    -1px 0 30px #ad6aea,
                    -1px 0 30px #ad6aea;
        }
        30% {
            border: 1px solid #666;
            background-image: linear-gradient(to top, rgba(173, 106, 234, 0.2), rgba(255, 255, 255, 0.22), rgba(173, 106, 234, 0.2));
            box-shadow:
                    0 0 1px rgba(173, 106, 234, 0.2),
                    0 0 1px rgba(173, 106, 234, 0.2),
                    0 0 1px rgba(173, 106, 234, 0.2),
                    1px 0 2px rgba(173, 106, 234, 0.2),
                    1px 0 2px rgba(173, 106, 234, 0.2),
                    -1px 0 2px rgba(173, 106, 234, 0.2),
                    -1px 0 2px rgba(173, 106, 234, 0.2),
                    1px 0 30px rgba(173, 106, 234, 0.2),
                    1px 0 30px rgba(173, 106, 234, 0.2),
                    -1px 0 30px rgba(173, 106, 234, 0.2),
                    -1px 0 30px rgba(173, 106, 234, 0.2);
        }
        50% {
            background-image: none;
            box-shadow: none;
            border: 1px solid #666;

        }
        100% {
            border: 1px solid #666;
        }
    }
    .show-short .bar-purple.short {
        animation: showShort-p 1s;
    }

    @keyframes showShort-b {
        0% {
            border: 0;
            background-image: linear-gradient(to top, #4492c3, #daefff, #4492c3);
            box-shadow:
                    0 0 1px #4492c3,
                    0 0 1px #4492c3,
                    0 0 1px #4492c3,
                    1px 0 2px #4492c3,
                    1px 0 2px #4492c3,
                    -1px 0 2px #4492c3,
                    -1px 0 2px #4492c3,
                    1px 0 30px #4492c3,
                    1px 0 30px #4492c3,
                    -1px 0 30px #4492c3,
                    -1px 0 30px #4492c3;
        }
        10% {
            border: 1px solid #666;
            background-image: linear-gradient(to top, rgba(68, 146, 195, 0.21), rgba(218, 239, 255, 0.21), rgba(68, 146, 195, 0.21));
            box-shadow:
                    0 0 1px rgba(68, 146, 195, 0.21),
                    0 0 1px rgba(68, 146, 195, 0.21),
                    0 0 1px rgba(68, 146, 195, 0.21),
                    1px 0 2px rgba(68, 146, 195, 0.21),
                    1px 0 2px rgba(68, 146, 195, 0.21),
                    -1px 0 2px rgba(68, 146, 195, 0.21),
                    -1px 0 2px rgba(68, 146, 195, 0.21),
                    1px 0 30px rgba(68, 146, 195, 0.21),
                    1px 0 30px rgba(68, 146, 195, 0.21),
                    -1px 0 30px rgba(68, 146, 195, 0.21),
                    -1px 0 30px rgba(68, 146, 195, 0.21);

        }
        20% {
            border: 0;
            background-image: linear-gradient(to top, #4492c3, #daefff, #4492c3);
            box-shadow:
                    0 0 1px #4492c3,
                    0 0 1px #4492c3,
                    0 0 1px #4492c3,
                    1px 0 2px #4492c3,
                    1px 0 2px #4492c3,
                    -1px 0 2px #4492c3,
                    -1px 0 2px #4492c3,
                    1px 0 30px #4492c3,
                    1px 0 30px #4492c3,
                    -1px 0 30px #4492c3,
                    -1px 0 30px #4492c3;
        }
        30% {
            border: 1px solid #666;
            background-image: linear-gradient(to top, rgba(68, 146, 195, 0.21), rgba(218, 239, 255, 0.21), rgba(68, 146, 195, 0.21));
            box-shadow:
                    0 0 1px rgba(68, 146, 195, 0.21),
                    0 0 1px rgba(68, 146, 195, 0.21),
                    0 0 1px rgba(68, 146, 195, 0.21),
                    1px 0 2px rgba(68, 146, 195, 0.21),
                    1px 0 2px rgba(68, 146, 195, 0.21),
                    -1px 0 2px rgba(68, 146, 195, 0.21),
                    -1px 0 2px rgba(68, 146, 195, 0.21),
                    1px 0 30px rgba(68, 146, 195, 0.21),
                    1px 0 30px rgba(68, 146, 195, 0.21),
                    -1px 0 30px rgba(68, 146, 195, 0.21),
                    -1px 0 30px rgba(68, 146, 195, 0.21);
        }
        50% {
            background-image: none;
            box-shadow: none;
            border: 1px solid #666;

        }
        100% {
            border: 1px solid #666;
        }
    }
    .show-short .bar-blue.short {
        animation: showShort-b 1s;
    }

    .light-short .bar-yellow.short {
        border: 0;
        background-image: linear-gradient(to top, #e5e12c, #ffffff, #e5e12c);
        box-shadow:
                0 0 1px #e5e12c,
                0 0 1px #e5e12c,
                0 0 1px #e5e12c,
                1px 0 2px #e5e12c,
                1px 0 2px #e5e12c,
                -1px 0 2px #e5e12c,
                -1px 0 2px #e5e12c,
                1px 0 30px #e5e12c,
                1px 0 30px #e5e12c,
                -1px 0 30px #e5e12c,
                -1px 0 30px #e5e12c;
    }
    .light-short .bar-red.short {
        border: 0;
        background-image: linear-gradient(to top, #ff0700, rgba(255, 255, 255, 1), #ff0700);
        box-shadow:
                1px 0 2px #ff0700,
                -1px 0 2px #ff0700,
                1px 0 30px #ff0700,
                -1px 0 30px #ff0700;
    }
    .light-short .bar-purple.short {
        border: 0;
        background-image: linear-gradient(to top, #ad6aea, #ffffff, #ad6aea);
        box-shadow:
                0 0 1px #ad6aea,
                0 0 1px #ad6aea,
                0 0 1px #ad6aea,
                1px 0 2px #ad6aea,
                1px 0 2px #ad6aea,
                -1px 0 2px #ad6aea,
                -1px 0 2px #ad6aea,
                1px 0 30px #ad6aea,
                1px 0 30px #ad6aea,
                -1px 0 30px #ad6aea,
                -1px 0 30px #ad6aea;
    }
    .light-short .bar-blue.short {
        border: 0;
        background-image: linear-gradient(to top, #4492c3, #daefff, #4492c3);
        box-shadow:
                0 0 1px #4492c3,
                0 0 1px #4492c3,
                0 0 1px #4492c3,
                1px 0 2px #4492c3,
                1px 0 2px #4492c3,
                -1px 0 2px #4492c3,
                -1px 0 2px #4492c3,
                1px 0 30px #4492c3,
                1px 0 30px #4492c3,
                -1px 0 30px #4492c3,
                -1px 0 30px #4492c3;
    }

    .light-shan .shan-i {
        background-image: linear-gradient(to top, #ad6aea, #ffffff, #ad6aea);
        box-shadow:
                0 0 1px #ad6aea,
                1px 0 2px #ad6aea,
                -1px 0 2px #ad6aea,
                1px 0 5px #ad6aea,
                -1px 0 10px #ad6aea;
    }

    .light-three .text-i {
        border: 0;
        background-image: linear-gradient(to top, #e5e12c, #e5e12c, #e5e12c);
        box-shadow:
                0 0 1px #e5e12c,
                1px 0 5px #e5e12c,
                1px 0 5px #e5e12c,
                -1px 0 10px #e5e12c,
                -1px 0 10px #e5e12c;
    }

    .light-bar .d-1 {
        border: 0;
        background-image: linear-gradient(to top, #4492c3, #daefff, #4492c3);
        box-shadow:
                0 0 1px #4492c3,
                0 0 1px #4492c3,
                0 0 1px #4492c3,
                1px 0 2px #4492c3,
                1px 0 2px #4492c3,
                -1px 0 2px #4492c3,
                -1px 0 2px #4492c3,
                1px 0 30px #4492c3,
                1px 0 30px #4492c3,
                -1px 0 30px #4492c3,
                -1px 0 30px #4492c3;
    }

    .light-x .f-1{
        border: 0;
        background-image: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0.78), #ffffff);
        box-shadow:
                1px 0 2px #ffffff,
                -1px 0 2px #ffffff,
                1px 0 30px #ffffff,
                -1px 0 30px #ffffff;
    }

    .show-text .text {
        color: #fff;
        text-shadow:
                0 0 5px #5dbe83,
                0 0 5px #5dbe83,
                0 0 5px #5dbe83,
                0 0 10px #5dbe83,
                0 0 15px #5dbe83,
                0 0 1px #5dbe83;
    }
    .show-text .merry {
        color: #fff;
        text-shadow:
                0 0 5px #ff3156,
                0 0 5px #ff3156,
                0 0 5px #ff3156,
                0 0 10px #ff3156,
                0 0 15px #ff3156,
                0 0 1px #ff3156;
    }

    @keyframes showBg {
        0% {
            background: url("./static/qiang.jpg") center, radial-gradient(ellipse, #070917, #0a0c10 70%);
        }
        1.5% {
            background: url("./static/qiang.jpg") center, radial-gradient(ellipse, #060823, #010002 70%);
        }
        3% {
            background: url("./static/qiang.jpg") center, radial-gradient(ellipse, #070917, #0a0c10 70%);
        }
        4.5% {
            background: url("./static/qiang.jpg") center, radial-gradient(ellipse, #060823, #010002 70%);
        }
        6.0% {
            background: url("./static/qiang.jpg") center, radial-gradient(ellipse, #060823, #010002 70%);
        }
        40% {
            background: url("./static/qiang.jpg") center, radial-gradient(ellipse, #070817, #010002 70%);
        }
        50% {
            background: url("./static/qiang.jpg") center, radial-gradient(ellipse, #0a0b17, #010002 70%);
        }
        60% {
            background: url("./static/qiang.jpg") center, radial-gradient(ellipse, #0a0b17, #010002 70%);
        }
        72% {
            background: url("./static/qiang.jpg") center, radial-gradient(ellipse, #0e0f1f, #070312 70%);
        }
        82% {
            background: url("./static/qiang.jpg") center, radial-gradient(ellipse, #121328, #070312 70%);
        }
        99% {
            background: url("./static/qiang.jpg") center, radial-gradient(ellipse, #121328, #070312 70%);
        }
        100% {
            background: url("./static/qiang.jpg") center, radial-gradient(ellipse, #181e2d, #0a0c10 70%);
        }
    }
    .show-short .bg{
        background: url("./static/qiang.jpg") center, radial-gradient(ellipse, #181e2d, #0a0c10 70%);
        animation: showBg 3.7s;
    }
</style>
